@import "~@/styles/mixin.less";
@import "~@/styles/var.less";
.message {
	padding: 10px 30px;
	line-height: 2;
	display: flex;
	align-items: center;
	white-space: nowrap;
	.self-center();
	border-radius: 5px;
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.5);
	transition: 0.5s;
	transform: translate(-50%, -50%) translateY(25px);
	opacity: 0;
	&-info {
		background: @primary;
	}
	&-success {
		background: @success;
	}
	&-warn {
		background: @warn;
	}
	&-error {
		background: @danger;
	}
}
.icon {
	font-size: 20px;
	margin-right: 7px;
}
